<script lang="ts" setup>
  import { ref } from 'vue';
  import Pagination from '@sscd/pagination';
  const current1 = ref<number>(1);
  const current2 = ref<number>(2);
  const onChange = (page: number) => console.log('onChange: ', page);
</script>

<template>
  <div class="demo">
    <div class="demo-title">跳转</div>
    <div class="demo-content">
      <Pagination v-model:current="current1" show-quick-jumper :total="500" @change="onChange" />
      <br />
      <Pagination
        v-model:current="current2"
        show-quick-jumper
        :total="500"
        disabled
        show-less-items
        @change="onChange"
      />
    </div>
  </div>
</template>
